.nav-box{
    position: fixed;width:100%;height:80px;
    z-index:100;top:0;left:0;
}
.nav1{
    left:50%;top:0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
}
.nav1 li{
    position: relative;
}
.nav1>li,.nav1>li>a{
    width:100px;display: inline-block;text-align: center;color:#282828;font-size: 18px;line-height: 80px;
    -webkit-transition: all .3s linear;position: relative;height:80px;
    transition: all .3s linear;
}
.nav1>li.setup{
    position: absolute;top:0;right:-100px;
}
.setup>a{
    opacity:.3;
    background: url(../image/setup.png) no-repeat center;
}


.nav-logo{
    margin-left:40px;float:left;
}

.nav-right{
    height:80px;float:right;margin-right:19px;
}
.nav-right>li{
    float:left;height:80px;width:82px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
}
.nav-right>li:hover{
    background-color: #282828;cursor: pointer;
}
.sousuo{
    background: url(../image/sousuo.png) no-repeat center;
    background-size: 100%;
}
.sousuo:hover{
    background-image:url(../image/sousuohover.png);
}
.xiaoxi>a{
    background: url(../image/xiaoxi.png) no-repeat center;
    background-size: 100%;
}
.xiaoxi>a:hover{
    background-image:url(../image/xiaoxihover.png);
}
.xiaoxi>a.now{
    background-color: #000;
}
.xiaoxi>a.now{
    background-image:url(../image/xiaoxihover.png);
}

.nav-touxiang img{
    width:37px;height:37px;border-radius: 50%;
    position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;
}
/*瀵艰埅鏍忔搷浣滀釜浜�*/
.nav-self{
    position: absolute;top:80px;right:0;
    width:180px;
    display:none;
}
.nav-myname{
    width:100%;height:60px;line-height: 60px;font-size: 14px;color:#000;
    border-bottom: 1px solid #eee;text-align: center;font-weight: bold;
}
.nav-self li{
    line-height: 40px;padding-left:32px;box-sizing: border-box;
}

.nav-self li:last-child{
    height:50px;line-height:50px;border-top: 1px solid #eee;
}

/*娑堟伅鐩掑瓙*/
.xiaoxi-box{
    position: absolute;top:80px;right:0;
    width:300px;
    display: none;
}
.xiaoxi-box1{
    width:100%;height:230px;overflow: auto;
}
.xiaoxi-box p{
    text-align: center;line-height: 35px;
}
.xiaoxi-box p:first-child{
    border-bottom: 1px solid #eee;
}
.xiaoxi-box p:last-child{
    border-top: 1px solid #eee;
}

/*浜岀骇瀵艰埅*/
.nav2{
    width:200px;position: absolute;left:0;top:80px;
    font-size: 14px;text-align: left;padding-top:10px;
    display: none;
}
.nav2 li,.nav2 a{
	line-height:40px;
}
.nav2 a{
    padding-left:30px;box-sizing: border-box;
}
.nav3,.nav4{
    position: absolute;top:0;left:200px;width:200px;display: none;
}



/*涓诲唴瀹�*/
.index-nav2{
    margin-top:81px;width:100%;
}

/*瀵艰埅鏍忔悳绱㈡*/
.nav-search{
    display:none;
    position: absolute;top:0;left:50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width:470px;height:80px;
    background: url(../image/sousuo.png) no-repeat left;
    background-size: 60px;
}
.nav-search input{
    border: 0;background: rgba(0,0,0,0);height:30px;font-size: 18px;
    margin-left:50px;top:-5px;position: relative;
    color:#444;width:350px;
}
.nav-search span{
    font-size: 30px;line-height: 80px;cursor: pointer;
}
